<template>
    <h3>列表渲染</h3>
    <p v-for="name of names">{{ name }}</p>
    <div v-for="item of result">
        <p>{{ item.title }}</p>
        <a :href="item.avatar">{{ item.title }}</a>
        <!-- <img :src="item.avator" alt=""> -->
    </div>
    <div>
        <p v-for="(value,key, index) of userinfo">{{ value }}-{{ key }}-{{ index }}</p>
    </div>
</template>
<script>
export default{
    data () {
        return {
            names:["demo1","demo2","demo3"],
            result:[{
                "id":123,
                "title":"demo11111111111111111",
                "avatar":"http://www.baidu.com"
            },{
                "id":456,
                "title":"demo22222222222222222",
                "avatar":"http://www.baidu.com"
            },{
                "id":789,
                "title":"demo3333333333333333",
                "avatar":"http://www.baidu.com"
            },
            ],
            userinfo:{
                name:"user111",
                age:18,
                sex:"男 图标"
            }
        }
    }
}
</script>